// 头部导航部分
.header {
    position: absolute;
    top: 0;
    width: 100%;

    .navbar-default {
        background-color: rgba(0, 0, 0, 0.473);
        border: none;
        border-radius: 0;

        .container {
            width: 90%;

            .navbar-header {
                border: none;

                span {
                    background-color: white;
                }
            }

            .navbar-right {
                a {
                    width: 100%;
                    line-height: 1.8em;
                    color: white;
                    font-size: 1.8em;

                    &:hover {
                        background-color: #e89413;
                    }
                }
            }
        }
    }

    @media screen and (max-width:950px) {
        .navbar-default .container {
            width: 98%;

            .navbar-right {
                a {
                    line-height: 1em;
                    font-size: 1em;

                    &:hover {
                        background-color: #e89413;
                    }
                }
            }
        }
    }

    @media screen and (max-width:768px) {
        .container {
            .navbar-header {
                width: 100%;

                .navbar-toggle {
                    float: right;
                }
            }
        }

    }
}

// banner
.banner {
    width: 100%;
    margin-bottom: 10em;

    img {
        width: 100%;
        height: auto;
    }

    @media screen and (max-width:550px) {
        & {
            margin-bottom: 3em;
        }
    }
}

// about
.about {
    width: 100%;
    margin-bottom: 10em;

    .bigbox {
        width: 80%;
        margin: 0 auto;

        // 标题
        .titleBox {
            width: 100%;
            text-align: center;
            margin-bottom: 3em;

            h3 {
                font-size: 2.5em;
                font-family: OSBold;
                text-transform: uppercase;
                margin-bottom: .5em;
            }

            .divider {
                width: 20em;
                height: 3px;
                background-color: #87b434;
                border-radius: 3px;
                margin: 0 auto;
                position: relative;

                p {
                    position: absolute;
                    width: 8em;
                    height: 3em;
                    background-color: white;
                    font-size: 1em;
                    text-align: center;
                    line-height: 3em;
                    margin-top: -1.5em;
                    left: 6em;
                    color: #87b434;
                }
            }

        }

        // 公司介绍
        .COMPANY {
            width: 100%;
            position: relative;
            margin-bottom: 3em;

            .photo {
                width: 100%;

                img {
                    width: 100%;
                }
            }

            .Mask {
                position: absolute;
                top: 0;
                right: 0;
                width: 50%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.74);
                color: white;
                display: flex;
                align-items: center;
                align-content: center;
                flex-wrap: wrap;

                .desc {
                    margin: 0 8em;

                    h3 {
                        font-size: 2em;
                        margin-bottom: .5em;
                    }

                    p {
                        font-size: 1.2em;
                    }
                }
            }
        }

        // 运营理念
        .OPRATIONNER {
            width: 100%;
            display: flex;
            margin-bottom: 3em;

            .left,
            .right {
                width: 50%;
                height: auto;
            }

            .left {
                background-color: #f3f4f6;
                color: rgb(0, 0, 0);
                display: flex;
                align-items: center;
                align-content: center;
                flex-wrap: wrap;

                .desc {
                    margin: 0 5em;

                    h3 {
                        font-size: 2em;
                        margin-bottom: .5em;
                    }

                    p {
                        font-size: 1.2em;
                    }
                }
            }

            .right {
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        // 业务范围
        .BUSINERSS {
            width: 100%;
            display: flex;
            margin-bottom: 3em;

            .left,
            .right {
                width: 50%;
                height: auto;
            }

            .right {
                background-color: #f3f4f6;
                color: rgb(0, 0, 0);
                display: flex;
                align-items: center;
                align-content: center;
                flex-wrap: wrap;

                .desc {
                    margin: 0 5em;

                    h3 {
                        font-size: 2em;
                        margin-bottom: .5em;
                    }

                    p {
                        font-size: 1.2em;
                    }
                }
            }

            .left {
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        // 使命、价值观、愿景
        .CorporateCulture {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 3em;

            .item {
                width: 32%;
                position: relative;

                .photo {
                    width: 100%;

                    img {
                        width: 100%;
                    }
                }

                .title {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    padding: .5em 0;
                    color: white;
                    background-color: rgba(0, 0, 0, 0.74);
                    text-align: center;

                    h3 {
                        font-size: 2em;
                        line-height: 1.5em;
                    }

                    p {
                        font-size: 1.2em;
                        text-transform: uppercase;
                    }
                }
            }
        }

        // 轮播图
        .swiper {
            width: 100%;
            position: relative;
            margin-bottom: 3em;

            .left,
            .right {
                position: absolute;
                padding: 2em 1em;
                background-color: rgba(0, 0, 0, 0.342);
                top: 45%;
                z-index: 99;
                color: white;
            }

            .left {
                left: 0;
            }

            .right {
                right: 0;
            }

            .cent {
                width: 100%;
                height: 556px;
                z-index: 2;
                display: flex;
                align-items: center;
                align-content: center;
                justify-content: space-between;

                .item {
                    width: 33.3%;
                    position: relative;
                    overflow: hidden;

                    .title {
                        width: 80%;
                        position: absolute;
                        top: 25%;
                        left: 10%;
                        color: white;

                    }
                }

                & .item:nth-child(2) {
                    transform: scale(1.5);
                    z-index: 9;
                }
            }
        }
    }

    @media screen and (max-width:1250px) {
        .bigbox {

            // 公司介绍
            .COMPANY {
                .Mask {
                    .desc {
                        margin: 0 3em;

                        h3 {
                            font-size: 1.5em;
                        }

                        p {
                            font-size: 1em;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:1130px) {
        .bigbox {

            // 公司介绍
            .COMPANY {
                .Mask {
                    .desc {
                        margin: 0 3em;

                        h3 {
                            font-size: 1em;
                        }

                        p {
                            font-size: .5em;
                        }
                    }
                }
            }

            // 运营理念
            .OPRATIONNER {
                width: 100%;
                margin-bottom: 3em;

                .left {
                    width: 100%;
                    padding: 2em 0;

                    .desc {
                        margin: 0 2em;

                        h3 {
                            font-size: 2.3em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: 1.2em;
                        }
                    }
                }

                .right {
                    display: none;
                }
            }

            // 业务范围
            .BUSINERSS {
                .left {
                    display: none;
                }

                .right {
                    width: 100%;
                    padding: 2em 0;

                    .desc {
                        margin: 0 2em;

                        h3 {
                            font-size: 2em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: 1.2em;
                        }
                    }
                }
            }

            // 使命、价值观、愿景
            .CorporateCulture {
                .item {
                    .title {
                        padding: .5em 0;

                        h3 {
                            font-size: 2em;
                            line-height: 2em;
                        }

                        p {
                            font-size: 1.2em;
                            text-transform: uppercase;
                        }
                    }
                }
            }

            // 轮播图
            .swiper {
                width: 100%;
                position: relative;
                margin-bottom: 3em;

                .cent {
                    width: 100%;
                    height: 256px;

                    .item {
                        width: 33.3%;
                        position: relative;

                        .title {
                            width: 80%;
                            position: absolute;
                            top: 25%;
                            left: 10%;
                            color: white;
                        }
                    }

                    & .item:nth-child(2) {
                        transform: scale(1.5);
                        z-index: 9;
                    }
                }
            }
        }
    }

    @media screen and (max-width:725px) {
        & {
            margin-bottom: 5em;

            .bigbox {
                width: 95%;
                margin: 0 auto;

                // 运营理念
                .OPRATIONNER {
                    width: 100%;
                    margin-bottom: 3em;

                    .left {
                        width: 100%;
                        padding: 3em 0;

                        .desc {
                            margin: 0 2em;

                            h3 {
                                font-size: 1.8em;
                                margin-bottom: .5em;
                            }

                            p {
                                font-size: 1.2em;
                            }
                        }
                    }

                    .right {
                        display: none;
                    }
                }

                // 业务范围
                .BUSINERSS {

                    .right {
                        width: 100%;
                        padding: 2em 0;

                        .desc {
                            margin: 0 2em;

                            h3 {
                                font-size: 1.8em;
                                margin-bottom: .5em;
                            }

                            p {
                                font-size: 1.2em;
                            }
                        }
                    }
                }

                // 使命、价值观、愿景
                .CorporateCulture {
                    .item {
                        .title {
                            padding: .5em 0;

                            h3 {
                                font-size: 1.8em;
                                line-height: 1.8em;
                            }

                            p {
                                font-size: 1.2em;
                                text-transform: uppercase;
                            }
                        }
                    }
                }

            }
        }

    }

    @media screen and (max-width:550px) {
        .bigbox {
            width: 98%;
            margin: 0 auto;

            // 标题
            .titleBox {
                margin-bottom: 2em;

                h3 {
                    font-size: 1.5em;
                }

                .divider {
                    width: 20em;
                    height: 3px;

                    p {
                        position: absolute;
                        width: 8em;
                        height: 3em;
                        background-color: white;
                        font-size: 1em;
                        text-align: center;
                        line-height: 3em;
                        margin-top: -1.5em;
                        left: 6em;
                        color: #87b434;
                    }
                }
            }

            // 公司介绍
            .COMPANY {
                .Mask {
                    width: 100%;

                    .desc {
                        margin: 0 1em;

                        h3 {
                            font-size: 1.5em;
                        }

                        p {
                            font-size: .8em;
                        }
                    }
                }
            }

            // 运营理念
            .OPRATIONNER {
                width: 100%;
                margin-bottom: 3em;

                .left {
                    width: 100%;
                    padding: 3em 0;

                    .desc {
                        margin: 0 2em;

                        h3 {
                            font-size: 1.5em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: .8em;
                        }
                    }
                }

                .right {
                    display: none;
                }
            }

            // 业务范围
            .BUSINERSS {

                .right {
                    padding: 2em 0;

                    .desc {
                        margin: 0 2em;

                        h3 {
                            font-size: 1.5em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: .8em;
                        }
                    }
                }
            }

            // 使命、价值观、愿景
            .CorporateCulture {
                .item {
                    .title {
                        padding: .5em 0;

                        h3 {
                            font-size: 1.5em;
                            line-height: 1.5em;
                        }

                        p {
                            font-size: .8em;
                            text-transform: uppercase;
                        }
                    }
                }
            }

        }
    }

    @media screen and (max-width:415px) {
        .bigbox {

            // 标题
            .titleBox {
                margin-bottom: 2em;

                h3 {
                    font-size: 1.5em;
                }

                .divider {
                    width: 10em;
                    height: 3px;

                    p {
                        position: absolute;
                        width: 5em;
                        height: 3em;
                        background-color: white;
                        font-size: 1em;
                        text-align: center;
                        line-height: 3em;
                        margin-top: -1.5em;
                        left: 2.5em;
                        color: #87b434;
                    }
                }

            }

            // 公司介绍
            .COMPANY {
                .Mask {

                    .desc {
                        margin: 0 1em;

                        h3 {
                            font-size: 1em;
                        }

                        p {
                            font-size: .5em;
                        }
                    }
                }
            }

            // 运营理念
            .OPRATIONNER {
                .left {
                    width: 100%;
                    padding: 2em 0;

                    .desc {
                        h3 {
                            font-size: 1em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: .5em;
                        }
                    }
                }
            }

            // 业务范围
            .BUSINERSS {

                .right {
                    width: 100%;
                    padding: 2em 0;

                    .desc {

                        h3 {
                            font-size: 1em;
                            margin-bottom: .5em;
                        }

                        p {
                            font-size: .5em;
                        }
                    }
                }
            }

            // 使命、价值观、愿景
            .CorporateCulture {
                .item {
                    .title {
                        padding: .5em 0;

                        h3 {
                            font-size: 1em;
                            line-height: 1em;
                        }

                        p {
                            font-size: .5em;
                            text-transform: uppercase;
                        }
                    }
                }
            }

            // 轮播图
            .swiper {
                .cent {
                    width: 100%;
                    height: 150px;
                    z-index: 2;
                    display: flex;
                    align-items: center;
                    align-content: center;
                    justify-content: space-between;

                    .item {
                        .title {
                            h3 {
                                font-size: .2em;
                            }
                        }
                    }
                }
            }

        }
    }
}

// Case presentation
.Case {
    width: 100%;
    margin-bottom: 10em;

    .bigbox {
        width: 80%;
        margin: 0 auto;

        // 标题
        .titleBox {
            width: 100%;
            text-align: center;
            margin-bottom: 3em;

            h3 {
                font-size: 2.5em;
                font-family: OSBold;
                text-transform: uppercase;
                margin-bottom: .5em;
            }

            .divider {
                width: 20em;
                height: 3px;
                background-color: #87b434;
                border-radius: 3px;
                margin: 0 auto;
                position: relative;

                p {
                    position: absolute;
                    width: 8em;
                    height: 3em;
                    background-color: white;
                    font-size: 1em;
                    text-align: center;
                    line-height: 3em;
                    margin-top: -1.5em;
                    left: 6em;
                    color: #87b434;
                }
            }

        }

        // 标签
        .tab {
            width: 100%;
            margin-bottom: 3em;

            ul {
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;

                li {
                    margin: 0 2em;

                    a {
                        font-size: 1.5em;
                        color: #666666;
                        font-weight: bold;
                    }
                }

                & li:nth-child(1) {
                    a {
                        color: #87b434;
                    }
                }
            }
        }

        // 图片组
        .photo {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;

            .item {
                width: 48%;
                margin: 1em 0;
                position: relative;

                .img {
                    width: 100%;

                    img {
                        width: 100%;
                    }
                }

                .mask {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    background-color: #ecaa48c4;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                    flex-wrap: wrap;
                    color: white;

                    h3 {
                        width: 100%;
                        font-size: 3em;
                        text-align: center;
                        line-height: 1em;
                    }

                    p {
                        font-size: 1.2em;
                        text-transform: uppercase;
                    }
                }
            }
        }

        // 分页
        .pagination {
            width: 100%;

            ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: center;

                li {
                    margin: 0 .8em;

                    a {
                        width: 100%;
                        padding: .3em 1.3em;
                        font-size: 1.2em;
                        color: black;
                        border: 1px solid rgb(165, 165, 165);

                        &:hover {
                            color: white;
                            background-color: #ffa800;
                            border: none;
                        }
                    }
                }

                & li:nth-child(1) a {
                    color: white;
                    background-color: #ffa800;
                    border: none;
                }

                & li:nth-child(4) a {
                    color: white;
                    border: none;
                    background-color: #ffa800;
                }
            }
        }
    }

    @media screen and (max-width:725px) {
        & {
            margin-bottom: 5em;

            .bigbox {
                width: 95%;
                margin: 0 auto;

                // 标题
                .titleBox {
                    h3 {
                        font-size: 1.5em;
                    }

                    .divider {
                        width: 20em;
                        height: 3px;
                        background-color: #87b434;
                        border-radius: 3px;
                        margin: 0 auto;
                        position: relative;

                        p {
                            position: absolute;
                            width: 8em;
                            height: 3em;
                            background-color: white;
                            font-size: 1em;
                            text-align: center;
                            line-height: 3em;
                            margin-top: -1.5em;
                            left: 6em;
                            color: #87b434;
                        }
                    }

                }

                // 标签
                .tab {
                    margin-bottom: 2em;

                    ul {
                        li {
                            a {
                                font-size: 1.2em;
                            }
                        }

                        & li:nth-child(1) {
                            a {
                                color: #87b434;
                            }
                        }
                    }
                }

                // 图片组
                .photo {
                    .item {
                        .mask {
                            h3 {
                                font-size: 2em;
                            }

                            p {
                                font-size: 1em;
                                text-transform: uppercase;
                            }
                        }
                    }
                }

                // 分页
                .pagination {
                    ul {
                        li {
                            margin: 0 .5em;

                            a {
                                padding: .2em 1em;
                                font-size: 1em;
                            }
                        }
                    }
                }
            }
        }

    }

    @media screen and (max-width:550px) {
        .bigbox {
            width: 98%;
            margin: 0 auto;

            // 标题
            .titleBox {
                margin-bottom: 2em;

                h3 {
                    font-size: 1.5em;
                }

                .divider {
                    width: 20em;
                    height: 3px;

                    p {
                        position: absolute;
                        width: 8em;
                        height: 3em;
                        background-color: white;
                        font-size: 1em;
                        text-align: center;
                        line-height: 3em;
                        margin-top: -1.5em;
                        left: 6em;
                        color: #87b434;
                    }
                }
            }

            // 标签
            .tab {
                ul {
                    li {
                        margin: 0 1em;

                        a {
                            font-size: .8em;
                        }
                    }
                }
            }

            // 图片组
            .photo {

                .item {
                    width: 100%;
                    margin: .5em 0;

                    .mask {
                        h3 {
                            font-size: 2.5em;
                            line-height: 1em;
                        }

                        p {
                            font-size: 1.2em;
                            text-transform: uppercase;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:415px) {
        .bigbox {

            // 标题
            .titleBox {
                margin-bottom: 2em;

                h3 {
                    font-size: 1.5em;
                }

                .divider {
                    width: 10em;
                    height: 3px;

                    p {
                        position: absolute;
                        width: 5em;
                        height: 3em;
                        background-color: white;
                        font-size: 1em;
                        text-align: center;
                        line-height: 3em;
                        margin-top: -1.5em;
                        left: 2.5em;
                        color: #87b434;
                    }
                }

            }

            // 图片组
            .photo {

                .item {
                    .mask {
                        h3 {
                            font-size: 1.5em;
                        }

                        p {
                            font-size: .8em;
                        }
                    }
                }
            }
        }
    }
}

// Solutions
.Solutions {
    width: 100%;
    margin-bottom: 10em;

    .bigbox {
        width: 80%;
        margin: 0 auto;

        // 标题
        .titleBox {
            width: 100%;
            text-align: center;
            margin-bottom: 3em;

            h3 {
                font-size: 2.5em;
                font-family: OSBold;
                text-transform: uppercase;
                margin-bottom: .5em;
            }

            .divider {
                width: 20em;
                height: 3px;
                background-color: #87b434;
                border-radius: 3px;
                margin: 0 auto;
                position: relative;

                p {
                    position: absolute;
                    width: 8em;
                    height: 3em;
                    background-color: white;
                    font-size: 1em;
                    text-align: center;
                    line-height: 3em;
                    margin-top: -1.5em;
                    left: 6em;
                    color: #87b434;
                }
            }

        }

        // 标签
        .tab {
            width: 100%;
            margin-bottom: 3em;

            ul {
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;

                li {
                    margin: 0 2em;

                    a {
                        font-size: 1.5em;
                        color: #666666;
                        font-weight: bold;
                    }
                }

                & li:nth-child(1) {
                    a {
                        color: #87b434;
                    }
                }
            }
        }

        // 内容展示
        .cont {
            width: 100%;
            display: flex;

            .left,
            .right {
                width: 50%;

            }

            .right {
                padding: 6.5em 4em;

                h2 {
                    font-size: 2em;
                    font-weight: bold;

                }

                h3 {
                    font-size: 2em;
                    line-height: 1em;
                    color: #666666;
                    margin-bottom: .5em;
                }

                p {
                    font-size: 1.5em;
                    color: #666666;
                }
            }
        }
    }

    @media screen and (max-width:1350px) {
        .bigbox {

            // 内容展示
            .cont {
                .right {
                    padding: 4em 2em;
                }
            }

        }
    }

    @media screen and (max-width:1250px) {
        .bigbox {

            // 内容展示
            .cont {
                .right {
                    padding: 4em 2em;

                    h2 {
                        font-size: 1.8em;

                    }

                    h3 {
                        font-size: 1.8em;
                        line-height: 1em;
                    }

                    p {
                        font-size: 1.2em;
                    }
                }
            }
        }
    }

    @media screen and (max-width:950px) {
        .bigbox {

            // 内容展示
            .cont {
                .right {
                    padding: 2em 2em;

                    h2 {
                        font-size: 1.4em;

                    }

                    h3 {
                        font-size: 1.4em;
                        line-height: 1em;
                    }

                    p {
                        font-size: 1em;
                    }
                }
            }
        }
    }

    @media screen and (max-width:725px) {
        & {
            margin-bottom: 5em;

            .bigbox {
                width: 95%;
                margin: 0 auto;

                // 标签
                .tab {
                    margin-bottom: 1em;

                    ul {

                        li {
                            margin: 0 1.2em;

                            a {
                                font-size: 1.2em;
                            }
                        }

                        & li:nth-child(1) {
                            a {
                                color: #87b434;
                            }
                        }
                    }
                }

                .cont {
                    .left {
                        display: none;
                    }

                    .right {
                        width: 100%;
                        padding: 2em 2em;

                        h2 {
                            font-size: 1.4em;

                        }

                        h3 {
                            font-size: 1.4em;
                            line-height: 1em;
                        }

                        p {
                            font-size: 1em;
                        }
                    }
                }
            }
        }


    }

    @media screen and (max-width:550px) {
        .bigbox {

            // 标题
            .titleBox {
                margin-bottom: 2em;

                h3 {
                    font-size: 1.5em;
                }
            }

            // 标签
            .tab {
                margin-bottom: 1em;

                ul {
                    li {
                        margin: 0 1em;

                        a {
                            font-size: 1em;
                        }
                    }
                }
            }

        }
    }

}

// Information Centre
.Information {
    width: 100%;
    margin-bottom: 10em;

    .bigbox {
        width: 80%;
        margin: 0 auto;

        // 标题
        .titleBox {
            width: 100%;
            text-align: center;
            margin-bottom: em;

            h3 {
                font-size: 2.5em;
                font-family: OSBold;
                text-transform: uppercase;
                margin-bottom: .5em;
            }

            .divider {
                width: 20em;
                height: 3px;
                background-color: #87b434;
                border-radius: 3px;
                margin: 0 auto;
                position: relative;

                p {
                    position: absolute;
                    width: 8em;
                    height: 3em;
                    background-color: white;
                    font-size: 1em;
                    text-align: center;
                    line-height: 3em;
                    margin-top: -1.5em;
                    left: 6em;
                    color: #87b434;
                }
            }

        }

        // 资讯信息组
        .information {
            display: flex;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;

            .item {
                width: 45%;
                padding: 4em 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: center;
                flex-wrap: wrap;
                border-bottom: 1px solid rgb(173, 173, 173);

                .left {
                    width: 30%;

                    img {
                        width: 100%;
                    }
                }

                .desc {
                    width: 70%;
                    padding: 0 1.5em;

                    h3 {
                        font-size: 1.2em;
                        font-weight: bold;
                        line-height: 2em;
                    }

                    p {
                        font-size: .8em;
                        color: #666666;
                    }
                }
            }

            & item:nth-child(n+3) {
                border-bottom: none;
            }
        }
    }

    @media screen and (max-width:1290px) {
        .bigbox {
            width: 95%;
            margin: 0 auto;

            // 标题
            .titleBox {
                h3 {
                    font-size: 2.5em;
                }
            }

            // 资讯信息组
            .information {
                .item {
                    width: 100%;
                    padding: 4em 0;
                    display: flex;
                    align-items: start;
                    align-content: start;
                    flex-wrap: wrap;

                    .left {
                        width: 30%;

                        img {
                            width: 100%;
                        }
                    }

                    .desc {
                        width: 70%;
                        padding: 0 2em;

                        h3 {
                            font-size: 2em;
                            font-weight: bold;
                            line-height: 2em;
                        }

                        p {
                            font-size: 1.5em;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:840px) {

        & {
            margin-bottom: 5em;

            .bigbox {

                // 标题
                .titleBox {
                    h3 {
                        font-size: 2em;
                    }
                }

                // 资讯信息组
                .information {
                    .item {
                        padding: 2em 0;

                        .desc {
                            width: 70%;
                            padding: 1em 2em;

                            h3 {
                                font-size: 1.5em;
                                font-weight: bold;
                                line-height: 2em;
                            }

                            p {
                                font-size: 1em;
                                color: #666666;
                            }
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:725px) {
        .bigbox {

            // 标题
            .titleBox {
                h3 {
                    font-size: 2em;
                }
            }

            // 资讯信息组
            .information {
                .item {

                    .desc {
                        width: 70%;
                        padding: 0em 2em;

                        h3 {
                            font-size: 1.2em;
                            font-weight: bold;
                            line-height: 2em;
                        }

                        p {
                            font-size: .8em;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:550px) {
        .bigbox {

            // 标题
            .titleBox {
                h3 {
                    font-size: 1em;
                    margin-bottom: 1em;
                }
            }

            // 资讯信息组
            .information {
                .item {

                    .left {
                        display: none;
                    }

                    .desc {
                        width: 100%;
                        padding: 0em 2em;

                        h3 {
                            font-size: 1.2em;
                            font-weight: bold;
                            line-height: 2em;
                        }

                        p {
                            font-size: .8em;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }
}

//footer
.footer {
    width: 100%;
    background-color: #505050;

    .bigbox {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;

        img {
            margin: 0 .5em;
        }
    }

    @media screen and (max-width:1130px) {
        .bigbox {
            width: 98%;
        }
    }

}

// 版权
.copyright {
    width: 100%;
    background-color: black;
    color: #666666;
    padding: 1em 0;

    .bigbox {
        width: 80%;
        margin: 0 auto;

        ul {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            align-content: center;

            li {
                display: flex;
                justify-content: start;
                align-items: center;
                align-content: center;

                .icon {
                    border-radius: 50%;
                    border: 1px solid #666666;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                    padding: .5em;
                    margin: 0 .5em;

                    img {
                        width: 1em;
                        height: 1em;
                        color: #666666;
                    }
                }
            }
        }
    }

    @media screen and (max-width:1170px) {
        .bigbox {
            width: 95%;
        }
    }

    @media screen and (max-width:995px) {
        .bigbox {
            width: 95%;

            ul {
                flex-wrap: wrap;

                li {
                    width: 100%;
                    justify-content: center;
                    margin: .5em 0;
                }
            }
        }
    }
}